<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box1"></div>
		<div class="box2"></div>
	</body>
</html>

<style type="text/css">
	/* box-sizing用来设hi盒子尺寸的计算方式（width和height的作用） */
	/* content-box默认值，宽度高度设置内容区大小 */
	/* border-box宽度和高度设置内容区，内边距，边框大小 */
	.box1{
		width: 200px;
		height: 200px;
		padding: 10px;
		border: 10px solid ;
		box-sizing: border-box;
	}
	.box2{
		width: 200px;
		height: 200px;
		padding: 10px;
		border: 10px solid ;
		box-sizing: content-box;
	}
</style>
